<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #div1{width:100px;height:100px; background: red;opacity: 0.3;}
    </style>
    <script src="startMove.js"></script>
    <script>
        window.onload=function(){
            var oDiv=document.getElementById('div1');
            alert(getStyle(oDiv,'width'));
            oDiv.onmouseover=function(){
                startMove(this,'width',300,function(){
                    startMove(oDiv,'height',300,function(){
                        startMove(oDiv,'opacity',100);
                    });
                });
            };
            oDiv.onmouseout=function(){
              startMove(oDiv,'opacity',30,function(){
                  startMove(oDiv,'height',100,function(){
                      startMove(oDiv,'width',100);
                  });
              });
            };
        };

    </script>
</head>
<body>
<div id="div1"></div>
</body>
</html>